<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/user/got_bonus.css"/>
</head>
<body>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>

<!--nav start-->
<jsp:include page="${pageContext.request.contextPath}/public_page/nav.jsp"></jsp:include>
<div style="width: 100%; height: 6px; background-color: #F2F2F2"></div>
<!-- nav end-->

<!-- head start-->
<jsp:include page="${pageContext.request.contextPath}/public_page/ui_header.jsp"></jsp:include>
<!-- head end-->

<!-- main start-->

<div id="layout-center">
    <div id="J_Col_Main" class="col-main">
        <div class="main-wrap">
            <div class="bd">
                <div data-spm="a214cch" id="item-list" style="margin-top:10px;padding-top:2px;">
                    <!-- 优惠券 page start-->
                    <!--top-->
                    <div id="top">
                        <span id="title">优惠卡券</span>
                        <a id="view-history" href="/coupon/my_coupon_history.htm">查看历史记录</a>
                        <div id="search-box">
                            <input id="J_ShopName" title="输入店铺名称" placeholder="店铺名称" value="">
                        </div>
                    </div>

                    <!--bar-->
                    <div id="bar">
                        <ul class="menu-list">


                            <li class="menu">
                                <div class="menu-hd">
                                    <a href="javascript:;" class="">店铺购物券 3</a>
                                </div>
                            </li>
                        </ul>

                        <div id="sort-box">
        <span class="J_SortItem  " id="amount" style="">
        <a>优惠金额</a>
        <a class="bg  arrow-s-disabled iconfont icon-daosanjiao" title="升降序"></a>
    </span>
                            <span class="J_SortItem   " id="endTime" style="">
        <a>到期时间</a>
         <a class="bg  arrow-s-disabled iconfont icon-daosanjiao" title="升降序"></a>
    </span>
                            <span class="J_SortItem   " id="startTime" style="">
        <a>生效时间</a>
         <a class="bg  arrow-s-disabled iconfont icon-daosanjiao" title="升降序"></a>
    </span>
                        </div>
                    </div>
                    <div class="no-red-paper">您还没有这种类型的优惠券哦！</div>
                    <style>
                        a {
                            color: #000;
                        }

                        .sort-box a:hover{
                            text-decoration: none;
                            color: #000;
                        }
                    </style>
                    <!--coupon-list-->
                    <div id="coupon-list" class="clearfix" data-spm="coupon-list">

                        <div class="tmall-coupon-box">
                            <div class="coupon-content">
                                <div class="coupon-head">
                                    <!--
                                    大促图片，如果有，输出；大小 34 x 20；过期和已使用需要输出灰色版
                                    -->
                                    <span class="title"></span>
                                    <span class="sub-title">totoro旗舰店</span>
                                    <span class="price"><em>￥</em>30</span>
                                </div>
                                <div class="coupon-head-info">
                                    <span class="limit-text">限totoro旗舰店使用</span>
                                    <!-- 显示上在左边的 mark 需要在后面 -->
                                    <span class="mark">不支持翻倍</span>

                                </div>
                                <div class="coupon-detail">
                                    <div class="key-detail">满400.00可使用30元</div>

                                    <div>2021.06.01 00:00-2021.06.03 23:59</div>
                                </div>
                                <div class="coupon-action">
                                    <a class="usage">
                                        去使用>>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="tmall-coupon-box tmall-coupon-gray tmall-coupon-out">
                            <div class="coupon-content">
                                <div class="coupon-head">
                                    <!--
                                    大促图片，如果有，输出；大小 34 x 20；过期和已使用需要输出灰色版
                                    -->
                                    <span class="title"></span>
                                    <span class="sub-title">totoro旗舰店</span>
                                    <span class="price"><em>￥</em>30</span>
                                </div>
                                <div class="coupon-head-info">
                                    <span class="limit-text">限totoro旗舰店使用</span>
                                    <!-- 显示上在左边的 mark 需要在后面 -->
                                    <span class="mark">不支持翻倍</span>

                                </div>
                                <div class="coupon-detail">
                                    <div class="key-detail">满400.00可使用30元</div>

                                    <div>2021.06.01 00:00-2021.06.03 23:59</div>
                                </div>
                                <div class="coupon-action">
                                    <div class="usage" style="display: none">
                                        去使用>>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tmall-coupon-box tmall-coupon-gray tmall-coupon-out">
                            <div class="coupon-content">
                                <div class="coupon-head">
                                    <!--
                                    大促图片，如果有，输出；大小 34 x 20；过期和已使用需要输出灰色版
                                    -->
                                    <span class="title"></span>
                                    <span class="sub-title">totoro旗舰店</span>
                                    <span class="price"><em>￥</em>30</span>
                                </div>
                                <div class="coupon-head-info">
                                    <span class="limit-text">限totoro旗舰店使用</span>
                                    <!-- 显示上在左边的 mark 需要在后面 -->
                                    <span class="mark">不支持翻倍</span>

                                </div>
                                <div class="coupon-detail">
                                    <div class="key-detail">满400.00可使用30元</div>

                                    <div>2021.06.01 00:00-2021.06.03 23:59</div>
                                </div>
                                <div class="coupon-action">
                                    <div class="usage" style="display: none">
                                        去使用>>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--bottom-->
                    <div id="bottom">
                        <div id="J_Pager" class="vm-page">


                        </div>
                    </div>
                    <!-- 优惠券 page end-->
                </div>
            </div>
        </div>
    </div>
        <!-- left-->
        <jsp:include page="${pageContext.request.contextPath}/public_page/ui-left.jsp"></jsp:include>
        <style>
            #myHistory a{
                color: #f40;
            }
        </style>
</div>

<!-- main end-->

<!-- tail-->
<jsp:include page="${pageContext.request.contextPath}/public_page/last.html"></jsp:include>
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/self/user/gotBonus.js"></script>
</body>
</html>
